class Food{
    element:HTMLElement;
    constructor() {
        this.element = document.querySelector('#food')!; //获取页面的食物属性 ！表示他一定不会为空
    }
    //获取食物坐标
    get X(){
        return this.element.offsetLeft;
    }
    get Y(){
        return this.element.offsetTop;
    }
    //修改食物位置
    change(){
        //X轴的位置
        this.element.style.left = Math.round(Math.random()*29)*10 +'px'
        //Y轴的位置
        this.element.style.top = Math.round(Math.random()*29)*10 +'px'
    }
}
export default  Food;